
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>念尘</title>
	<style type="text/css">
	
		li{
			list-style-type: none;/* 去掉li前的点 */
			float: left;/*将li设置成做浮动，变为联动*/
		}
		a{
			display: block;/*将a变成块状*/
			width: 100px;/*设置块的宽度*/
			height: 50px;/*设置块的长度*/
			font-family: Microsoft Yahei;
			line-height: 50px;/*设置字体在块中的高度*/
			background-color: #396d85;
			margin: 50px 500px;/*块里的高宽通过margin设置*/
			color: #fff;
			text-align: center;/*字体居中*/
			text-decoration: none;/*去掉下划线*/
			font-size: 15px;
		}
		a:hover{
			background-color: #2f6f4f;
		}
        body{

	display:flex;

    justify-content:center;
	</style>
</head>
<body>
    <div class="dropdown">
  
        <div class="dropdown-content">
       <a target="_blank" href="http://inbox.weiyun.com/ZO2xtjPL">20级9班</a>
          <a target="_blank" href="http://inbox.weiyun.com/icjIcBdX">20级10班</a>
          <a target="_blank" href="http://inbox.weiyun.com/HoUKVevo"> 20级11班</a>
          <a target="_blank" href="http://inbox.weiyun.com/mRNIwlG6"> 20级12班</a>
          <a target="_blank" href="http://inbox.weiyun.com/llNd9zXi"> 20级27班</a>
          <a target="_blank" href="http://inbox.weiyun.com/F8S4pxEJ"> 21级1班</a>
          <a target="_blank" href="http://inbox.weiyun.com/fw1Xvy1A"> 21级3班</a>
          <a target="_blank" href="http://inbox.weiyun.com/1jdFSV6B"> 21级5班</a>
          <a target="_blank" href="http://inbox.weiyun.com/xnaGoZOD"> 21级8班</a>
       </div>
 
	</table>
</body>
</html>